<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>完成支付</title>
	<meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="iconfont/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/nanhang.css">
	<link rel="stylesheet" type="text/css" href="css/booking.css">
    <link rel="stylesheet" type="text/css" href="css/success.css"/>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script type="text/javascript" src="IIInsomniaCityPicker/js/jquery.cookie.js"></script>

	<script src="js/top.js"></script>
	<script src="js/nanhang.js"></script>
</head>
<body>
<div class="container">
    
	<div class="middle">
		<div class="con">
			<div class="plan">
				<div class="dot"></div>
				<ul>
					<li>
						<div>
							1
						</div>
						<span>航班查询</span>
						<div></div>
					</li>
					<li>
						<div>
							2
						</div>
						<span>航班选择</span>
						<div></div>
					</li>
					<li >
						<div>
							3
						</div>
						<span>旅客信息</span>
						<div></div>
					</li>
					<li>
						<div >
							4
						</div>
						<span>支付订单</span>
						<div></div>
					</li>
					<li class="active">
						<div>
							5
						</div>
						<span>完成支付</span>
					</li>
				</ul>
				<div class="clear"></div>
			</div>
		</div>
		<div class="successful">
			<div class="su_header">
				<h1>恭喜您,支付成功!</h1>
			</div>
			<div class="su_con">
				<p class="number">订单号:</p>
				<table class="su_tab">
					<tr class="tr_1">
						<td class="voyage">航程</td>
						<td>起飞/到达机场</td>
						<td>起飞/抵达机场</td>
						<td>航班信息</td>
						<td class="alt">总价</td>
					</tr>
					<tr class="tr_2">
						<td rowspan="2">去程</td>
						<td>北京首都机场机场</td>
						<td>2017-09-04&nbsp;10:12</td>
						<td rowspan="2">CZ3183</td>
						<td rowspan="2" class="total">&yen;580</td>
					</tr>
					<tr class="tr_3">
						<td>北京首都机场机场</td>
						<td>2017-09-04&nbsp;10:12</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
</div>
</body>
</html>